<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>

//    width和height
//    offset带border
//    scroll不带border，内容的宽高
//    client不带border




//    top和left
//    offset距离父系盒子带有定位的盒子之间的距离
//    scroll被卷去的部分的距离
//    clientborder的宽高




    //clientX和clientY
//    event调用，鼠标距离浏览器的可视区域的距离



</script>
</body>
</html>